<div class="mgweb-nav">
    <div class="wp">
        <ul class="nav-bar">
            <li class="index"><a href="/"></a></li>
            <li class="active" ><a href="/users">用户管理</a></li>
            <li ><a href="/group">组管理</a></li>
            <li ><a href="/comp">组件管理</a></li>
        </ul>
        <div class="setbox">
            <a class="btn" href="javascript:;">系统管理</a>
            <ul class="set-ul Zarr none">
                <li><a href="">修改密码</a></li>
                <li><a href="javascript:;">退出登录</a></li>
            </ul>
        </div>
    </div>
</div>

{{#extend 'css'}}
<link rel='stylesheet' href='/css/moudle/navs.css' />
{{/extend}}

{{#extend 'jquery'}}
    <script type="text/javascript">
        $(function(){
            $(".nav-bar li").click(function() {
                $(this).siblings('li').removeClass('active');
                $(this).addClass('active');
            });
        });
    </script>
{{/extend}}